<template>
    <div class="honor">
        <div class="content">
            <div class="title">
                <hr>
                <div class="title-text">
                    宝典荣誉
                </div>
                <div class="title-text2">强大的驾考功能，优秀的用户体验，我们的愿景是学车无忧，轻松拿本</div>
            </div>
            <div class="pic">
                <img src="https://www.jiakaobaodian.com/core-assets/static/images/common/home-dynamic.png">
            </div>
        </div>
    </div>
</template>

<script>
 export default{}
</script>

<style lang="scss">
    .honor{
        .content{
            width: 1200px;
            margin: 60px auto;
            .title{
                margin-bottom: 40px;
                text-align: center;
                padding-top: 20px;
                hr{
                    height: 1px;
                    border: none;
                    border-top:1px dotted #e9e9e9
                }
                .title-text{
                    display: inline-block;
                    margin-top: -20px;
                    line-height: 41px;
                    padding: 0 45px;
                    background-color: #fff;
                    font-size: 30px;
                    
                }
                .title-text2{
                    font-size: 16px;
                    margin: 30px 0;
                    color: #666;
                }
            }
        }
    }
</style>